<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="numble" id="num1" value="">
    <select name="" id="sel">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type="numble" id="num2" value=""> =
    <input type="numble" id="result" value="" onclick="fn()">
    
    <script>
        // 1.为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？
            /*var d = 89/24 ;
            var h = 89%24;
            
            console.log( parseInt(d) );       //3天
            console.log( parseFloat(h) );     //17小时
            console.log( parseInt(d) + " 天 " + parseFloat(h) + " 小时 ");     //3天17小时
            */

        /*2.小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。
            它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。
            提示：摄氏度与华氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)保留3位小数   num.toFixed(3)
        */
            /*var h = 80 ;
            var s = 5 / 9.0 * ( h - 32);
            console.log( h );
            console.log( s.toFixed(3) );
            console.log( ' 用华氏度显示为 ' + h + '°' + ' 用摄氏度显示为 ' + s.toFixed(3) + ' ℃ ');
            */
            
        // 3.简单的计算器
            // document.getElementById.value()
            function fn(){
                var n1 = document.getElementById('num1').value - 0;
                var n2 = document.getElementById('num2').value - 0;
                var s = document.getElementById('sel').value;
                var r;
                switch(s){
                    case'+': r = n1 + n2;
                    break;
                    case'-': r = n1 - n2;
                    break;
                    case'*': r = n1 * n2;
                    break;
                    case'/': r = n1 / n2;
                }
                document.getElementById('result').value = r;
            }
            fn();
            
    </script>   
</body>
</html>

